<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="武汉青杰科技致力于网站建设、移动APP开发、管理系统的开发;公司坐落于:湖北省武汉市武昌区积玉桥万达广场9号楼614;联系电话:15871771563">
    <meta name="keywords" content="武汉青杰科技致力于网站建设、移动APP开发、管理系统的开发;公司坐落于:湖北省武汉市武昌区积玉桥万达广场9号楼614;联系电话:15871771563" />
    <title>武汉青杰科技</title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/css.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="head">
    <div  class="navgation">
        <a href="index.html" class="left"><img src="img/weblogo-01.png" width="240px;"></a>
        <ul class="left">
            <li><a href="#">产品与解决方案</a></li>
            <li><a href="#">成熟案例</a></li>
            <li><a href="#">人才发展</a></li>
            <li><a href="#">关于我们</a></li>
        </ul>
    </div>
</div>

    <div class="carousel slide" id="carousel" data-ride="carousel" data-interval="3000" style="margin-top: 95px;">
        <ol class="carousel-indicators">
            <li class="active" data-target="#carousel" data-slide-to="0"></li>
            <li  data-target="#carousel" data-slide-to="1"></li>
            <li  data-target="#carousel" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner"  >
            <div class="item active" >
                <img src="img/bannerc1.jpg" alt="" height="350"/>
            </div>
            <div class="item">
                <img src="img/bannerc2.jpg" alt="" height="350"/>
            </div>
            <div class="item">
                <img src="img/bannerc3.jpg" alt="" height="350"/>
            </div>
        </div>

    </div>
<div class="main">
<div class="main-list">
 <div class="h">
    <h2>产品介绍</h2>
 </div>
    <div class="content">
    <ul>
        <li>
            <img src="img/wx.png" alt="" width="100" height="100"/>
        <h3>微信开发</h3>
        <p>为您提供专业的微信公众平台二次开发,及微信商城个性化订制开发服务</p>
        </li>
        <li>
            <img src="img/html5.png" alt="" width="100" height="100"/>
            <h3>HTML5</h3>
            <p>HTML5是未来网络发展的趋势,可实现各种多媒体无插件观看收听</p>
        </li>
        <li>
            <img src="img/android.png" alt="" width="100" height="100"/>
            <h3>Android开发</h3>
            <p>安卓APP已经占据国内应用市场的50%以上,其重要性日益凸显</p>
        </li>
        <li>
            <img src="img/iOS.png" alt="" width="100" height="100"/>
            <h3>IOS开发</h3>
            <p>提供企业APP订制开发服务,可覆盖iPhone、iPad等IOS终端设备</p>
        </li>
    </ul>
    </div>
</div>
</div>
<div class="main">
    <div class="main-list" style="padding-top: 1px">
        <div class="h">
            <h2>产品案例</h2>
        </div>
        <div style="width: 500px;float: left;border-right: 1px solid #dddddd">
            <img src="img/APP.png" alt="" style="float: left"/>
             <div style="float: left;padding-left: 80px;width: 200px">
                 <h3 style="color: #31b0d5">微额现金</h3>
                 <p>微额现金是通过大
                     数据风控技术,分析海量数据,促成个人与个人之间,发生小规模借款交易的信息平台</p>
             </div>

        </div>
        <div style="width: 500px;float: left;padding-left: 20px">
            <img src="img/guanli.png" alt="" style="float: left"/>
            <div style="float: left;padding-left: 50px;width: 200px">
                <h3 style="color: #31b0d5">服务人员管理系统</h3>
                <p>采用现代计算机管理系统来进行管理,提供规范,统一的服务,它在管理系统中的应用不仅可以简化,规范各机构的日常操作,而且可以使企业人事信息管理更加方便,简单,快捷,清晰,从而减轻工作人员的劳动强度,减少企业的财政损耗</p>
            </div>

        </div>
    </div>
</div>
<div class="main">
    <div class="main-list" style="padding-top: 1px">
        <div class="h">
            <h2>服务流程</h2>
        </div>
        <div class="content">
            <ul>
                <li style="margin-right: 150px;height: 100px">
                    <img src="img/ren.png" alt="" width="80" height="80" style="float: left"/>
                    <div style="margin-top: 17px">
                    <span style="font-size: 16px;">1.前期沟通</span>
                    <br/>
<span style="font-size: 12px;">前期沟通,了解客户具体需求,达成初步合作意向</span></div>
                </li>
                <li style="margin-right: 150px;height: 100px">
                    <img src="img/pg.png" alt="" width="80" height="80" style="float: left"/>
                    <div style="margin-top: 17px">
                        <span style="font-size: 16px;">2.需求评估</span>
                        <br/>
                        <span style="font-size: 12px;">项目组评估客户需求可行性</span></div>
                </li>
                <li style="height: 150px">
                    <img src="img/sj.png" alt="" width="80" height="80" style="float: left"/>
                    <div style="margin-top: 17px">
                        <span style="font-size: 16px;">3.视觉设计</span>
                        <br/>
                        <span style="font-size: 12px;">根据客户需求对产品进行界面视觉设计及交互设计</span></div>
                </li>
                <li style="margin-right: 150px;height: 150px">
                    <img src="img/kf.png" alt="" width="80" height="80" style="float: left;"/>
                    <div style="margin-top: 17px">
                        <span style="font-size: 16px;">4.技术开发</span>
                        <br/>
                        <span style="font-size: 12px;">根据产品视觉效果图进行前端开发及后端管理平台开发</span></div>
                </li>
                <li style="margin-right: 150px;height: 150px">
                    <img src="img/cs.png" alt="" width="80" height="80" style="float: left;"/>
                    <div style="margin-top: 17px">
                        <span style="font-size: 16px;">5.产品测试</span>
                        <br/>
                        <span style="font-size: 12px;">对开发完成的产品进行线上测试及价格修复BUG</span></div>
                </li>
                <li style="height: 150px">
                    <img src="img/zf.png" alt="" width="80" height="80" style="float: left;"/>
                    <div style="margin-top: 17px">
                        <span style="font-size: 16px;">6.完成支付</span>
                        <br/>
                        <span style="font-size: 12px;">产品最终开发测试完成,交付客户验收</span></div>
                </li>
            </ul>
        </div>
    </div>
</div>
<footer>
    <div class="foot">
        <span class="left" style="margin-left: 20px;">地址：武昌区积玉桥万达广场9号楼614&nbsp;&nbsp;&nbsp;联系电话:15871771563</span>
        <span class="right" style="margin-right: 20px;">我们专注于解决软件定制化服务问题</span>
    </div>
</footer>
<script>
    $(window).scroll(function(){
        if($(window).scrollTop()>900){
            $('footer').css('position','fixed');
        }else{
        }
    })
</script>
<!--<script>
    function click() { if (event.button==2) { alert('对不起,禁止使用此功能^_^.') } } document.onmousedown=click;
</script>-->
</body>
</html>